iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
Web 3

I have an AI ,I have a React, Ugh ,AI -React 系列 第 28

[Day28] 需要icon了怎麼辦 AI大法師995

  • 分享至 

  • xImage
  •  

咒語:你是個svg畫圖工程師 請幫我生成 麻將一萬的svg

發現他想像的跟你要的不一樣 字是平行的一萬
我們要的是 一 跟他補充顏色跟位置

咒語: 我要一在上 萬在下 並且萬是紅色 長寬是麻將的長方形 一萬的區間 需要上下置中

這樣一萬就畫完了

<svg width="50" height="80" xmlns="http://www.w3.org/2000/svg">
  <rect width="50" height="80" style="fill:#FFFFFF;stroke-width:2;stroke:#000000" />
  <text x="50%" y="30%" text-anchor="middle" font-family="Arial" font-size="30" fill="black">一</text>
  <text x="50%" y="70%" text-anchor="middle" font-family="Arial" font-size="30" fill="red">萬</text>
</svg>

同理
咒語:以這個長寬 請幫我設計出一筒 設計兩個竹綠色的空心同心圓 並且上下置中

一筒就完成了 https://ithelp.ithome.com.tw/upload/images/20231013/20098345ACHrFAaZI2.png

<svg width="50" height="80" xmlns="http://www.w3.org/2000/svg">
  <rect width="50" height="80" style="fill:#FFFFFF;stroke-width:2;stroke:#000000" />
  <circle cx="50%" cy="50%" r="15" stroke="green" stroke-width="2" fill="none" />
  <circle cx="50%" cy="50%" r="8" stroke="green" stroke-width="2" fill="none" />
</svg>

結語: ai可以幫前端工程師或PM出一些簡單的svg ICON 在某些情況下很好用


上一篇
[Day27] 鐵人倒數 來寫個計算機
下一篇
[Day29] 最後的最後 日曆的紀錄
系列文
I have an AI ,I have a React, Ugh ,AI -React 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言